
.laba-wrap{
  position: relative;
  display: flex;
  align-items: center;
  width: 40rpx;
}
.wifi-symbol {
  width: 52rpx;
  height: 52rpx;
  box-sizing: border-box;                
  position:relative;    /*必须，否则苹果overflow失效*/
  overflow: hidden;
  transform: rotate(135deg);
  margin-left: 14rpx;
  flex-shrink: 0;
}
.wifi-circle {
  border: 4rpx solid #333;
  border-radius: 50%;
  position: absolute;
}

.first {
  width: 0rpx;
  height: 0rpx;
  background: #333;
}

.second {
  width: 25rpx;
  height: 25rpx;
  top: 35rpx;
  left: 35rpx;
  &.animate{
    animation: fadeInOut 1s infinite 0.2s;
  }
  
}

.third {
  width: 40rpx;
  height: 40rpx;
  top: 25rpx;
  left: 25rpx;
  &.animate{
    animation: fadeInOut 1s infinite 0.4s;
  }
  
}

@keyframes fadeInOut {
  0% {
      opacity: 0; /*初始状态 透明度为0*/
  }
  100% {
      opacity: 1; /*结尾状态 透明度为1*/
  }
}
